<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/angular.min.js"></script>
    <script src="js/angular-ui-router.min.js"></script>
    <!--<script src="js/angular-route1.4.5.js"></script>-->
    <script src="js/jquery.min.js"></script>
    <link rel="stylesheet" href="css/fonts/css/font-awesome.min.css">
    <script src="js/rem.js"></script>
    <title>小藏家</title>
</head>
<body  ng-controller="str1">


<ui-view></ui-view>

<div class="kong">

</div>

<div class="footer-box">
    <div>
        <a  ui-sref="aaa">
            <p class="fa fa-home"></p>
            <p>首页</p>
        </a>
    </div>
    <div>
        <a  ui-sref="bbb">
            <p class="fa fa-th-large"></p>
            <p>首页</p>
        </a>
    </div>
    <div>
        <a  ui-sref="ccc">
        <p class="fa fa-user"></p>
        <p>首页</p>
        </a>
    </div>
</div>

</body>
<script>
//    var app = angular.module("app",['ngRoute'])
    var app = angular.module('app',['ui.router'])
        app.config(function($stateProvider,$urlRouterProvider){
            $stateProvider

                .state('aaa',{
                    url: '/aaa',
                    templateUrl: 'index1.html'
                })
                .state('bbb',{
                    url: '/bbb',
                    templateUrl:"ification.html"
                })
                .state('ccc',{
                    url: '/ccc',
                    templateUrl:"Itsme.html"
                })
                .state('ccc.xuan1',{
                    url: '/xuan1',
                    templateUrl:"xuan1.html"
                })
                .state('ccc.xuan2',{
                    url: '/xuan2',
                    templateUrl:"xuan2.html"
                })
                .state('shou',{
                    url: '/shou',
                    templateUrl:"shoucang.html"
                })
                .state('ifia',{
                    url: '/ifia',
                    templateUrl:"zizi.html"
                })
                .state('ifia.zi1',{
                    url: '/zi1',
                    templateUrl:"zi1.html"
                })
                .state('ifia.zi2',{
                    url: '/zi2',
                    templateUrl:"zi2.html"
                })
                .state('shezhi',{
                    url: '/shezhi',
                    templateUrl:"shezhi.html"
                })
            $urlRouterProvider.otherwise('/aaa');
    })
    app.controller("str1",function($scope,$http){
        $scope.maShow_box=false;
        $scope.maShow1_box=false;
        $scope.maShow1_box=false;
        $scope.motai=false;

    });

$(".footer-box div a").eq($index).addClass("active1").siblings().removeClass("active1");
$("#header div").eq($index).addClass("act").siblings().removeClass("act");
</script>
</html>